<template>
	<view>
		<view class="header  borde-padd-24">
			<view class="header-left" @click="goPages">
				<image class="img" :src="imgUrl+'/right.png'" mode=""></image>
			</view>
			<view class="title">开始练习</view>
			<view class="flex-line-height header-right" @click="$emit('tishI')">
				<image class="img" :src="imgUrl+'/duigou.png'" mode=""></image>
				<text>交卷查看结果</text>
			</view>
		</view>
		<view style="height: 90rpx;"></view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				imgUrl:this.imgUrl,
			}
		},
		methods:{
			goPages(path){
				uni.navigateBack({ delta: 1 })
			},
		}
	}
</script>

<style scoped>
	.header{
		height: 90rpx;
		background-color: #fff;
		position: fixed;
		left: 0;
		line-height: 90rpx;
		box-sizing: border-box;
		width: 100%;
	}
	.title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		width: 100%;
		color: #0D0E0F;
		margin: 0 auto;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.header-left {
		position: absolute;
		left: 24rpx;
		top: 50%;
		transform: translate(0,-50%);
	}
	.header-left .img{
		width: 30rpx;
		height: 30rpx;
		transform: rotate(-180deg);
	}
	.header-right{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #3B5EEC;
		font-style: normal;
		text-transform: none;
	}
	.header-right {
		position: absolute;
		right: 24rpx;
		top: 50%;
		transform: translate(0,-50%);
	}
	.header-right .img{
		width: 32rpx;
		height: 32rpx;
		margin-right: 5rpx;
	}
</style>